<template>
  <div>
    <div class="c-title">
      <span v-show="element.requireFlag" class="red">*</span>
      <span v-show="element.autoIndex">{{ index }}.</span>
      <v-edit-span v-model="element.title" />
    </div>
    <slot></slot>
  </div>
</template>
<script>
export default {
  props: {
    element: {
      type: Object,
      default() {
        return {
          title: '',
          content: [],
          id: -1,
        }
      },
    },
    index: Number,
    total: Number,
  },
}
</script>
